<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程表</title>
    <link rel="stylesheet" href="css2/wanmen_top.css">
    <link rel="stylesheet" href="plugins/layui/css/layui.css">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="plugins/layui/layui.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
    <script src="js/courses/courses.js"></script>
</head>
<body>
<div class="header_box">
    <button class="layui-btn layui-btn-normal coursesAdd" id="coursesAdd">新增</button>
    <div class="selectd_gorud">
        <span class="gorud_text">
            查询课程：
        </span>
        <input type="text" class="layui-input" placeholder="请输入课程名称">
        <button class="bnt text_bnt">查询</button>
    </div>
    <a href="ExportCourses">
    <button class="layui-btn layui-btn-normal coursesAdd" style="margin-left: 30px" id="export">
        导出表格
    </button>
    </a>
</div>
<div class="Recommedd_box" id="appp">
<div class="box_img" v-for="(mes,index) in message" >
    <div class="text_componts_infrom">
        <div class="box_img_img">
            <img :src="mes.courseImgUrl" class="r_img"></div>
        <div class="box_img_text">
            <div class="text__components">
                <div class="components_text"><span>{{mes.courseName}}</span></div>
                <div class="components__description-wrapper--2lppT">{{mes.courseDetails}}</div>
            </div>
        </div>
        <div class="box_img_context">
            <ul class="box_text_li left">
                <li class="box_text_li_xml left">主讲人:{{mes.consultantName}}</li>
            </ul>
            <div class="price right"><span>￥{{mes.courseMoney}}</span></div>
        </div>
    </div>
</div>
</div>
<!--新增 div-->
<div class="box_img" id="addcoursesAdd" style="display: none">
  <form  method="post" enctype="multipart/form-data" name="Addform">
    <div class="text_componts_infrom">
        <div class="box_img_img">
            <input type="file">
            <img src="images/java.jpg" class="r_img"></div>
        <div class="box_img_text">
            <div class="text__components">
                <div class="components_text"><span>
                    课程名称:<input name="courseName" type="text">
                </span></div>
                <div class="components__description-wrapper--2lppT">
                    详情：<input type="text" name="courseDetails">
                </div>
            </div>
        </div>
        <div class="box_img_context">
            <ul class="box_text_li left">
                <li class="box_text_li_xml left">主讲人:
                    <input type="text" name="consultantId">
                </li>
            </ul>
            <div class="price right"><span>￥
                <input type="text" name="courseMoney">
            </span>
            </div>
        </div>
    </div>
  </form>
</div>

<div id="pagination">
</div>
</body>
</html>